<div class="config-content">
    <div class="config-left">
        <h4>资产/策略 模型选择:</h4>

        <div class="config-model-content">
            <div class="radio">
                <label>
                    <input type="radio" name="modelSelect" value="1">
                    马尔科维茨(MV)
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="modelSelect" value="2">
                    Black-Litterman(BL)
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="modelSelect" value="3">
                    Risk-Parity(RP)
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="modelSelect" value="4">
                    自定义权重
                </label>
            </div>
        </div>

        <div class="config-model">

        </div>
        <div class="table-responsive none" id="BL">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>名称</th>
                    <th>观点</th>
                    <th>置信度</th>
                </tr>
                </thead>
                <tbody>
                <template v-for="asset in assetList">
                    <tr data-id="{{asset.id}}">
                        <td>{{asset.name}}</td>
                        <td>
                            <div style="float: left;">
                                <div class="radio">
                                    <label>
                                        <input type="radio" name="viewpoint_{{asset.id}}" value="10">
                                        乐观
                                    </label>
                                </div>
                                <div class="radio">
                                    <label>
                                        <input type="radio" name="viewpoint_{{asset.id}}" checked
                                               class="viewpoint-radio-{{$index}}">
                                        中性
                                    </label>
                                </div>
                                <div class="radio">
                                    <label>
                                        <input type="radio" name="viewpoint_{{asset.id}}" value="0">
                                        悲观
                                    </label>
                                </div>
                            </div>
                            <div style="float: left;margin: 30px 0 0 10px;">
                                <input type="text" class="form-control viewpoint"/> %
                            </div>
                        </td>
                        <td>
                            0
                            <input type="range" name="confidence" min="1" max="10" value="5"
                                   style="position: relative;top: 6px;">
                            100%
                            <input type="text" class="form-control" value="50"/> %
                        </td>
                    </tr>
                </template>
                </tbody>
            </table>
        </div>
        <div class="table-responsive none" id="customWeight">
            <table class="table table-bordered">
                <tbody>
                <template v-for="asset in assetList">
                    <tr data-id="{{asset.id}}">
                        <td>{{asset.name}}</td>
                        <td><input type="text" class="form-control"/> %</td>
                    </tr>
                </template>
                </tbody>
            </table>
        </div>
        <div class="strategy-list">
            <table class="table table-hover">
                <tbody>
                <template v-for="asset in assetList">
                    <tr data-id="{{asset.id}}" data-assetStrategyId="{{asset.assetStrategyId}}">
                        <td>{{asset.name}}</td>
                        <td>上限 <input type="text" class="form-control" value="100"> %</td>
                        <td>下限 <input type="text" class="form-control" value="0"> %</td>
                    </tr>
                </template>
                </tbody>
            </table>
        </div>
    </div>
    <div class="config-right">
        <div class="config-right-left">
            <template v-if="assetOrStrategyStr">
                <h4>所对应<span id="assetOrStrategy">{{assetOrStrategyStr}}</span>标的基准设置</h4>
            </template>
            <div id="assetList">
                <template v-for="asset in assetList">
                    <div class="asset-list">
                        <span>{{asset.name}}</span>
                        <select class="form-control config-select benchMark-select">
                            <template v-for="benchMark in asset.benchMarkList">
                                <option value="{{benchMark.id}}">{{benchMark.name}}</option>
                            </template>
                        </select>
                    </div>
                </template>
            </div>
        </div>
        <div class="config-right-right">
            <p class="start-calculate">
                <button type="button" class="btn btn-primary" v-on:click="startCalculate();">开始计算</button>
            </p>
        </div>
    </div>
</div>